<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>网页标题</title>
	<link rel="stylesheet" type="text/css" href="../../Css/home.css">
	<!-- 统计图 开始 -->
	<script type="text/javascript" src="../../Js/echarts.js"></script>
	<!-- 	// <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
	 //    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script> -->
	<!-- 统计图 结束 -->

	<style type="text/css">


	</style>
</head>
<body>
	<div class="header">
		<div class="header-logo">
			<div class="logo-logo"><img src="../../Images/school.png"></div>
			<div class="logo-name">毕 业 生 就 业 创 业 跟 踪 系 统</div>
			<div class="login">
				<span>毕业生<a href="../Login/login.html"> 登 录,</a>填写就业信息</span>
			</div>
		</div>	
			<div class="header-nav">
				<div class="nav">
					<ul>
						<li><a href="../Index/index.html" class="current">首页</a></li>
						<li><a href="../Salary/index.html">工资分析</a></li>
						<li><a href="../Company/index.html">公司分析</a></li>
						<li><a href="../Employment/index.html">就业创业分析</a></li>
						<li><a href="../Related/index.html">专业的相关度</a></li>
					</ul>
				</div>
			</div>
		<div class="clear"></div>
	</div>
	<div class="clear"></div>

	<div class="select_type">
		
		<!-- 页面的内容  开始 -->
		<div class="display">
			<!-- 下拉选择框 -->
			<div class="content_title_bar">
				<span>&diams;请选择查看</span>

				<div class="select_div" style="float:left;margin-left:10px;">
				    <select name="">
				        <option value="芝士">2010届</option>
				        <option value="奶油">2011届</option>
				    </select>
				</div>
				<div class="select_div" style="float:left;margin-left:10px;">
				    <select name="">
				        <option value="芝士">电子信息工程</option>
				        <option value="奶油">计算机技术</option>
				    </select>
				</div>
				<span>毕业生的就业情况</span>
			</div>

			<div class="content_title_bar">
				<span>&diams;XXX届XXX专业 --- 毕业生工资统计图</span>
			</div>
			
				<!-- 毕业后第一年  工资情况 -->
			<div class="content_title_bar">
				<span>&diams;毕业后第一年</span>
			</div>
			<table class="content_table">
			    <caption>XXX届全体毕业生工资分布情况表</caption>
				<tr>  
					<th>工资情况分布</th>
					<th> 小于3000</th>
					<th> 3000-4000</th>
					<th> 4000-5000</th>
					<th> 5000-6000</th>
					<th> 6000-7000</th>
					<th> 7000-8000</th>
					<th> 8000-9000</th>
					<th> 9000-10000</th>
					<th> 10000以上</th>
				</tr>

				<tr>
					<th>人数</th>
					<td>10</td>
					<td>5</td>
					<td>6</td>		
					<td>7</td>
					<td>1</td>
					<td>3</td>
					<td>5</td>
					<td>2</td>	
					<td>1</td>
				</tr>
				<tr>
					<th>平均工资</th>
					<td colspan="9">5000</td>
				</tr>
				<tr>
					<th>最高工资</th>
					<td colspan="9">15000</td>
				</tr>
			</table>

			<!-- 柱状图 -->
			<div id="container1" style="height: 100%;width:800px;height:300px; border: 1px solid #dddddd;"></div>
	       
	        <script type="text/javascript">
				var dom = document.getElementById("container1");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				option = {
					title: {
						text: 'XXX届全体毕业生工资分布情况统计图'
					},
				    xAxis: {
				        type: 'category',
				        data: ['小于3K', '3K-4K', '4K-5K', '5K-6K', '6K-7K', '7K-8K', '8K-9K','9K-10K','10K以上']
				    },
				    yAxis: {
				        type: 'value'
				    },
				    series: [{
				        data: [10, 5, 6, 7, 1, 3, 5, 2, 1],
				        type: 'bar'
				    }]
				};
				;
				if (option && typeof option === "object") {
				    myChart.setOption(option, true);
				}
	        </script>
			<!-- 环形图 -->
			<div id="container2" style="height: 300px;"></div>

			<script type="text/javascript">
				var dom = document.getElementById("container2");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				app.title = '环形图';

				option = {
					title: {
						text: 'XXX届全体毕业生工资分布情况比例图'
					},
				    tooltip: {
				        trigger: 'item',
				        formatter: "{a} <br/>{b}: {c} ({d}%)"
				    },
				    legend: {
				        orient: 'vertical',
				        x: 'left',
				        data: ['小于3K', '3K-4K', '4K-5K', '5K-6K', '6K-7K', '7K-8K', '8K-9K','9K-10K','10K以上']
				    },
				    series: [
				        {
				            name:'访问来源',
				            type:'pie',
				            radius: ['50%', '70%'],
				            avoidLabelOverlap: false,
				            label: {
				                normal: {
				                    show: false,
				                    position: 'center'
				                },
				                emphasis: {
				                    show: true,
				                    textStyle: {
				                        fontSize: '30',
				                        fontWeight: 'bold'
				                    }
				                }
				            },
				            labelLine: {
				                normal: {
				                    show: false
				                }
				            },
				            data:[
				                {value:10, name:'小于3K'},
				                {value:5, name:'3K-4K'},
				                {value:6, name:'4K-5K'},
				                {value:7, name:'5K-6K'},
				                {value:8, name:'6K-7K'},
				                {value:1, name:'7K-8K'},
				                {value:5, name:'8K-9K'},
				                {value:5, name:'9K-10K'},
				                {value:5, name:'10K以上'}
				            ]
				        }
				    ]
				};
				;
				if (option && typeof option === "object") {
				    myChart.setOption(option, true);
				}
      		 </script>


      		 <!-- 按专业 统计工资分布人数情况表 -->
      		 <table class="content_table">
      		 <caption>XXX届各个专业工资分布人数情况表</caption>
				<tr>  
					<th> </th>
					<th> 小于3000</th>
					<th> 3000-4000</th>
					<th> 4000-5000</th>
					<th> 5000-6000</th>
					<th> 6000-7000</th>
					<th> 7000-8000</th>
					<th> 8000-9000</th>
					<th> 9000-10000</th>
					<th> 10000以上</th>
				</tr>

				<tr>
					<th>电子信息工程</th>
					<td>10</td>
					<td>5</td>
					<td>6</td>		
					<td>7</td>
					<td>1</td>
					<td>3</td>
					<td>5</td>
					<td>2</td>	
					<td>1</td>
				</tr>
				<tr>
					<th>电子科学与技术</th>
					<td>10</td>
					<td>5</td>
					<td>6</td>		
					<td>7</td>
					<td>1</td>
					<td>3</td>
					<td>5</td>
					<td>2</td>	
					<td>1</td>
				</tr>
				<tr>
					<th>网络工程</th>
					<td>10</td>
					<td>5</td>
					<td>6</td>		
					<td>7</td>
					<td>1</td>
					<td>3</td>
					<td>5</td>
					<td>2</td>	
					<td>1</td>
				</tr>
				<tr>
					<th>自动化</th>
					<td>10</td>
					<td>5</td>
					<td>6</td>		
					<td>7</td>
					<td>1</td>
					<td>3</td>
					<td>5</td>
					<td>2</td>	
					<td>1</td>
				</tr>
			</table>
			 <!-- 按专业 统计工资分布人数情况统计图 -->
			<div id="container12" style="height: 300px;"></div>
			<script type="text/javascript">
				var dom = document.getElementById("container12");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				app.title = '堆叠柱状图';

				option = {
					title: {
						text: 'XXX届各个专业工资分布人数情况统计图'
					},
				    tooltip : {
				        trigger: 'axis',
				        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
				            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
				        }
				    },
				    legend: {
				        data:['电子信息工程','电子科学与技术','网络工程','自动化']
				    },
				    grid: {
				        left: '3%',
				        right: '4%',
				        bottom: '3%',
				        containLabel: true
				    },
				    xAxis : [
				        {
				            type : 'category',
				            data: ['小于3K', '3K-4K', '4K-5K', '5K-6K', '6K-7K', '7K-8K', '8K-9K','9K-10K','10K以上']
				        }
				    ],
				    yAxis : [
				        {
				            type : 'value'
				        }
				    ],
				    series : [
				        {
				            name:'电子信息工程',
				            type:'bar',
				            data: [10, 5, 6, 7, 1, 3, 5, 2, 1]
				        },
				        {
				            name:'电子科学与技术',
				            type:'bar',
				            // stack: '广告',
				            data:[12, 12, 1, 3, 9, 10, 2, 1, 2]
				        },
				        {
				            name:'网络工程',
				            type:'bar',
				            // stack: '广告',
				            data:[12, 12, 11, 12, 1, 3, 3, 5, 6]
				        },
				        {
				            name:'自动化',
				            type:'bar',
				            // stack: '广告',
				            data:[15, 2, 1, 5, 9, 3, 12, 5, 1]
				        }
				    ]
				};
				;
				if (option && typeof option === "object") {
				    myChart.setOption(option, true);
				}
       		</script>
			 <!-- 按专业 统计平均工资 表-->
      		 <table class="content_table">
      		 <caption>XXX届各个专业平均工资表</caption>
				<tr>  
					<th>专业</th>
					<th> 电子信息工程</th>
					<th> 电子科学与技术</th>
					<th> 网络工程</th>
					<th> 自动化</th>
				</tr>				
				<tr>
					<th>平均工资</th>
					<td>4505</td>
					<td>5285</td>
					<td>6542</td>		
					<td>7251</td>
				</tr>
			</table>
			 <!-- 按专业 统计平均工资 柱状图-->
			<div id="container111" style="height: 100%;width:800px;height:300px; border: 1px solid #dddddd;"></div>
	       
	        <script type="text/javascript">
				var dom = document.getElementById("container111");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				option = {
					title: {
						text: 'XXX届各个专业平均工资统计图'
					},
				    xAxis: {
				        type: 'category',
				        data: ['电子信息', '电子科学与技术', '网络工程', '自动化']
				    },
				    yAxis: {
				        type: 'value'
				    },
				    series: [{
				        data: [4521, 5541, 6452, 7142],
				        type: 'bar'
				    }]
				};
				;
				if (option && typeof option === "object") {
				    myChart.setOption(option, true);
				}
	        </script>
<!-- ******************************************************************第二年******************************************************************** -->
			<!-- 毕业后第二年  公司情况 -->
			<div class="content_title_bar">
				<span>&diams;毕业后第二年</span>
			</div>
			<table class="content_table">
				<tr>  
					<th>工资情况分布</th>
					<th> 小于3000</th>
					<th> 3000-4000</th>
					<th> 4000-5000</th>
					<th> 5000-6000</th>
					<th> 6000-7000</th>
					<th> 7000-8000</th>
					<th> 8000-9000</th>
					<th> 9000-10000</th>
					<th> 10000以上</th>
				</tr>

				<tr>
					<th>人数</th>
					<td>10</td>
					<td>5</td>
					<td>6</td>		
					<td>7</td>
					<td>1</td>
					<td>3</td>
					<td>5</td>
					<td>2</td>	
					<td>1</td>
				</tr>
				<tr>
					<th>平均工资</th>
					<td colspan="9">5000</td>
				</tr>
				<tr>
					<th>最高工资</th>
					<td colspan="9">15000</td>
				</tr>
			</table>


			<div id="container3" style="height: 100%;width:800px;height:300px; border: 1px solid #dddddd;"></div>
	       
	        <script type="text/javascript">
				var dom = document.getElementById("container3");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				option = {
				    xAxis: {
				        type: 'category',
				        data: ['小于3K', '3K-4K', '4K-5K', '5K-6K', '6K-7K', '7K-8K', '8K-9K','9K-10K','10K以上']
				    },
				    yAxis: {
				        type: 'value'
				    },
				    series: [{
				        data: [10, 5, 6, 7, 1, 3, 5, 2, 1],
				        type: 'bar'
				    }]
				};
				;
				if (option && typeof option === "object") {
				    myChart.setOption(option, true);
				}
	        </script>
			<!-- 环形图 -->
			<div id="container4" style="height: 300px;"></div>

			<script type="text/javascript">
				var dom = document.getElementById("container4");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				app.title = '环形图';

				option = {
				    tooltip: {
				        trigger: 'item',
				        formatter: "{a} <br/>{b}: {c} ({d}%)"
				    },
				    legend: {
				        orient: 'vertical',
				        x: 'left',
				        data: ['小于3K', '3K-4K', '4K-5K', '5K-6K', '6K-7K', '7K-8K', '8K-9K','9K-10K','10K以上']
				    },
				    series: [
				        {
				            name:'访问来源',
				            type:'pie',
				            radius: ['50%', '70%'],
				            avoidLabelOverlap: false,
				            label: {
				                normal: {
				                    show: false,
				                    position: 'center'
				                },
				                emphasis: {
				                    show: true,
				                    textStyle: {
				                        fontSize: '30',
				                        fontWeight: 'bold'
				                    }
				                }
				            },
				            labelLine: {
				                normal: {
				                    show: false
				                }
				            },
				            data:[
				                {value:10, name:'小于3K'},
				                {value:5, name:'3K-4K'},
				                {value:6, name:'4K-5K'},
				                {value:7, name:'5K-6K'},
				                {value:8, name:'6K-7K'},
				                {value:1, name:'7K-8K'},
				                {value:5, name:'8K-9K'},
				                {value:5, name:'9K-10K'},
				                {value:5, name:'10K以上'}
				            ]
				        }
				    ]
				};
				;
				if (option && typeof option === "object") {
				    myChart.setOption(option, true);
				}
      		 </script>
     		 <!-- 按专业 统计工资分布人数情况表 -->
      		 <table class="content_table">
      		 <caption>XXX届各个专业工资分布人数情况表</caption>
				<tr>  
					<th> </th>
					<th> 小于3000</th>
					<th> 3000-4000</th>
					<th> 4000-5000</th>
					<th> 5000-6000</th>
					<th> 6000-7000</th>
					<th> 7000-8000</th>
					<th> 8000-9000</th>
					<th> 9000-10000</th>
					<th> 10000以上</th>
				</tr>

				<tr>
					<th>电子信息工程</th>
					<td>10</td>
					<td>5</td>
					<td>6</td>		
					<td>7</td>
					<td>1</td>
					<td>3</td>
					<td>5</td>
					<td>2</td>	
					<td>1</td>
				</tr>
				<tr>
					<th>电子科学与技术</th>
					<td>10</td>
					<td>5</td>
					<td>6</td>		
					<td>7</td>
					<td>1</td>
					<td>3</td>
					<td>5</td>
					<td>2</td>	
					<td>1</td>
				</tr>
				<tr>
					<th>网络工程</th>
					<td>10</td>
					<td>5</td>
					<td>6</td>		
					<td>7</td>
					<td>1</td>
					<td>3</td>
					<td>5</td>
					<td>2</td>	
					<td>1</td>
				</tr>
				<tr>
					<th>自动化</th>
					<td>10</td>
					<td>5</td>
					<td>6</td>		
					<td>7</td>
					<td>1</td>
					<td>3</td>
					<td>5</td>
					<td>2</td>	
					<td>1</td>
				</tr>
			</table>
			 <!-- 按专业 统计工资分布人数情况统计图 -->
			<div id="container112" style="height: 300px;"></div>
			<script type="text/javascript">
				var dom = document.getElementById("container112");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				app.title = '堆叠柱状图';

				option = {
				    tooltip : {
				        trigger: 'axis',
				        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
				            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
				        }
				    },
				    legend: {
				        data:['电子信息工程','电子科学与技术','网络工程','自动化']
				    },
				    grid: {
				        left: '3%',
				        right: '4%',
				        bottom: '3%',
				        containLabel: true
				    },
				    xAxis : [
				        {
				            type : 'category',
				            data: ['小于3K', '3K-4K', '4K-5K', '5K-6K', '6K-7K', '7K-8K', '8K-9K','9K-10K','10K以上']
				        }
				    ],
				    yAxis : [
				        {
				            type : 'value'
				        }
				    ],
				    series : [
				        {
				            name:'电子信息工程',
				            type:'bar',
				            data: [10, 5, 6, 7, 1, 3, 5, 2, 1]
				        },
				        {
				            name:'电子科学与技术',
				            type:'bar',
				            // stack: '广告',
				            data:[12, 12, 1, 3, 9, 10, 2]
				        },
				        {
				            name:'网络工程',
				            type:'bar',
				            // stack: '广告',
				            data:[20, 12, 11, 12, 1, 3, 3]
				        },
				        {
				            name:'自动化',
				            type:'bar',
				            // stack: '广告',
				            data:[15, 2, 1, 5, 9, 3, 12]
				        }
				    ]
				};
				;
				if (option && typeof option === "object") {
				    myChart.setOption(option, true);
				}
       		</script>
			 <!-- 按专业 统计平均工资 表-->
      		 <table class="content_table">
      		 <caption>XXX届各个专业平均工资表</caption>
				<tr>  
					<th>专业</th>
					<th> 电子信息工程</th>
					<th> 电子科学与技术</th>
					<th> 网络工程</th>
					<th> 自动化</th>
				</tr>				
				<tr>
					<th>平均工资</th>
					<td>4505</td>
					<td>5285</td>
					<td>6542</td>		
					<td>7251</td>
				</tr>
			</table>
			 <!-- 按专业 统计平均工资 柱状图-->
			<div id="container1111" style="height: 100%;width:800px;height:300px; border: 1px solid #dddddd;"></div>
	       
	        <script type="text/javascript">
				var dom = document.getElementById("container1111");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				option = {
				    xAxis: {
				        type: 'category',
				        data: ['电子信息', '电子科学与技术', '网络工程', '自动化']
				    },
				    yAxis: {
				        type: 'value'
				    },
				    series: [{
				        data: [4521, 5541, 6452, 7142],
				        type: 'bar'
				    }]
				};
				;
				if (option && typeof option === "object") {
				    myChart.setOption(option, true);
				}
	        </script>

<!-- ******************************************总结这一届 连续几年来的就业信息************************************************************************************* -->


<!-- 最后总结这些年来的公司趋势图 -->
			<div class="content_title_bar">
				<span>&diams;毕业跟踪趋势走向图</span>
			</div>
			<div id="container5" style="height: 300px;width:1000px;"></div>

			 <script type="text/javascript">
			var dom = document.getElementById("container5");
			var myChart = echarts.init(dom);
			var app = {};
			option = null;
			option = {
			    title: {
			        text: '整个学院毕业生工作分布人数走向图'
			    },
			    tooltip: {
			        trigger: 'axis'
			    },
			    legend: {
			        data: ['小于3K', '3K-4K', '4K-5K', '5K-6K', '6K-7K', '7K-8K', '8K-9K','9K-10K','10K以上']
			    },
			    grid: {
			        left: '3%',
			        right: '4%',
			        bottom: '3%',
			        containLabel: true
			    },
			    toolbox: {
			        feature: {
			            saveAsImage: {}
			        }
			    },
			    xAxis: {
			        type: 'category',
			        boundaryGap: false,
			        data: ['2010','2011','2012','2013','2014']
			    },
			    yAxis: {
			        type: 'value'

			    },
			    series: [
			        {
			            name:'小于3K',
			            type:'line',
			            // stack: '总量',
			            data:[10, 8, 7, 4, 5]
			        },
			        {
			            name:'3K-4K',
			            type:'line',
			            // stack: '总量',
			            data:[12, 8, 4, 5, 5]
			        },
			        {
			            name:'4K-5K',
			            type:'line',
			            // stack: '总量',
			            data:[2, 4, 5, 8, 7]
			        },
			        {
			            name:'5K-6K',
			            type:'line',
			            // stack: '总量',
			            data:[2, 5, 6, 6, 4]
			        },
			        {
			            name:'6K-7K',
			            type:'line',
			            // stack: '总量',
			            data:[2, 4, 5, 7, 8]
			        },
			        {
			            name:'7K-8K',
			            type:'line',
			            // stack: '总量',
			            data:[10, 5, 7, 6, 7]
			        },
			        {
			            name:'8K-9K',
			            type:'line',
			            // stack: '总量',
			            data:[12, 10, 8, 6, 7]
			        },
			        {
			            name:'9K-10K',
			            type:'line',
			            // stack: '总量',
			            data:[5, 8, 7, 4, 6, 8]
			        },
			        {
			            name:'10K以上',
			            type:'line',
			            // stack: '总量',
			            data:[5, 8, 7, 4, 6, 8]
			        }
			    ]
			};
			;
			if (option && typeof option === "object") {
			    myChart.setOption(option, true);
			}
			</script>





<!-- 整个学院全体毕业生每年的平均工资走势图 -->
<div class="content_title_bar">
	<span>&diams;毕业生平均工资走向图</span>
</div>
<div id="container10" style="height: 300px"></div>

       <script type="text/javascript">
var dom = document.getElementById("container10");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
	title: {
		text: '整个学院全体毕业生每年的平均工资走势图'
	},
    xAxis: {
        type: 'category',
        data: ['2010', '2011', '2012', '2013', '2014']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290],
        type: 'line'
    }]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
       </script>

<!-- 学院按专业 每年毕业生平均工资走势图 -->



			<div id="container51" style="height: 300px;width:1000px;"></div>

			 <script type="text/javascript">
			var dom = document.getElementById("container51");
			var myChart = echarts.init(dom);
			var app = {};
			option = null;
			option = {
			    title: {
			        text: '各个专业每年平均工资走向图'
			    },
			    tooltip: {
			        trigger: 'axis'
			    },
			    legend: {
			        data: ['电子信息工程', '电子科学与技术', '网络工程', '自动化']
			    },
			    grid: {
			        left: '3%',
			        right: '4%',
			        bottom: '3%',
			        containLabel: true
			    },
			    toolbox: {
			        feature: {
			            saveAsImage: {}
			        }
			    },
			    xAxis: {
			        type: 'category',
			        boundaryGap: false,
			        data: ['2010','2011','2012','2013','2014']
			    },
			    yAxis: {
			        type: 'value'

			    },
			    series: [
			        {
			            name:'电子信息工程',
			            type:'line',
			            // stack: '总量',
			            data:[2220, 2500, 3500, 4004, 5620]
			        },
			        {
			            name:'电子科学与技术',
			            type:'line',
			            // stack: '总量',
			             data:[2520, 2700, 3600, 4104, 5820]
			        },
			        {
			            name:'网络工程',
			            type:'line',
			            // stack: '总量',
			             data:[2620, 2900, 3500, 4634,5412]
			        },
			        {
			            name:'自动化',
			            type:'line',
			            // stack: '总量',
			             data:[2450, 2500, 3900, 5004,6821]
			        }
			    ]
			};
			;
			if (option && typeof option === "object") {
			    myChart.setOption(option, true);
			}
			</script>















<!-- 整个学院的每年最高工资走势图 -->
		<div class="content_title_bar">
			<span>&diams;毕业生最高工资走向图</span>
		</div>
		<div id="container11" style="height: 300px"></div>
       <script type="text/javascript">
		var dom = document.getElementById("container11");
		var myChart = echarts.init(dom);
		var app = {};
		option = null;
		option = {
			title: {
			        text: ' 整个学院的每年最高工资走势图 '
			    },
		    xAxis: {
		        type: 'category',
		        data: ['2010', '2011', '2012', '2013', '2014']
		    },
		    yAxis: {
		        type: 'value'
		    },
		    series: [{
		        data: [820, 932, 901, 934, 1290],
		        type: 'line'
		    }]
		};
		;
		if (option && typeof option === "object") {
		    myChart.setOption(option, true);
		}
       </script>

<!-- 每个专业每年最高工资走势图 -->
<div id="container511" style="height: 300px;width:1000px;"></div>

			 <script type="text/javascript">
			var dom = document.getElementById("container511");
			var myChart = echarts.init(dom);
			var app = {};
			option = null;
			option = {
			    title: {
			        text: '每个专业每年最高工资走势图'
			    },
			    tooltip: {
			        trigger: 'axis'
			    },
			    legend: {
			        data: ['电子信息工程', '电子科学与技术', '网络工程', '自动化']
			    },
			    grid: {
			        left: '3%',
			        right: '4%',
			        bottom: '3%',
			        containLabel: true
			    },
			    toolbox: {
			        feature: {
			            saveAsImage: {}
			        }
			    },
			    xAxis: {
			        type: 'category',
			        boundaryGap: false,
			        data: ['2010','2011','2012','2013','2014']
			    },
			    yAxis: {
			        type: 'value'

			    },
			    series: [
			        {
			            name:'电子信息工程',
			            type:'line',
			            // stack: '总量',
			            data:[2220, 2500, 3500, 4004, 5620]
			        },
			        {
			            name:'电子科学与技术',
			            type:'line',
			            // stack: '总量',
			             data:[2520, 2700, 3600, 4104, 5820]
			        },
			        {
			            name:'网络工程',
			            type:'line',
			            // stack: '总量',
			             data:[2620, 2900, 3500, 4634,5412]
			        },
			        {
			            name:'自动化',
			            type:'line',
			            // stack: '总量',
			             data:[2450, 2500, 3900, 5004,6821]
			        }
			    ]
			};
			;
			if (option && typeof option === "object") {
			    myChart.setOption(option, true);
			}
			</script>












		</div>	
	</div>




















	<!-- 页面的内容  结束 -->

	<!-- 页面的底部  开始 -->
	<div id="foot_main">

	<div id="foot_msg">
	<hr />
		◎2018广东石油化工学院主教东905智能家居创新实验室
		版权所有，并保留所有权利。<br>
		粤ICP备15032177号-1
	</div>
	<!-- 页面的底部  结束 -->
</div>


</body>
</html>
